<template>
	<ul>
		<li v-for="item in list" :key="item.id">
			<h2>{{ item.title }}</h2>
			<div class="content">{{ item.content }}</div>
			<div>{{ item.time }}</div>
		</li>
	</ul>
</template>

<script>
export default {
	name: 'Button',
	props: {
		list: {
			type: Array,
			default: Array
		}
	},
	methods: {

	}
}
</script>
  
<style lang="less" scoped>
ul {
	.content {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-bottom: 10px;
	}

	div {
		color: #aaa;
	}
}
</style>
  